@extends('layouts.admin')
@section('resources')
    <script src="{{asset('resources/layer-v3.0.2/layer/layer.js')}}"></script>
    @endsection
@section('content')
    <!--面包屑导航 开始-->
    <div class="crumb_warp">
        <!--<i class="fa fa-bell"></i> 欢迎使用登陆网站后台，建站的首选工具。-->
        <i class="fa fa-home"></i> <a href="{{url('Admin/info')}}">首页</a> &raquo; <a href="{{url('Admin/navigator')}}">自定义导航</a> &raquo; 导航列表
    </div>
    <!--面包屑导航 结束-->

	<!--结果页快捷搜索框 开始-->

    <!--结果页快捷搜索框 结束-->

    <!--搜索结果页面 列表 开始-->
    <form action="#" method="post">
        <div class="result_wrap">
            <!--快捷导航 开始-->
            <div class="result_content">
                <div class="short_wrap">
                    <a href="{{url('Admin/navigator/create')}}"><i class="fa fa-plus"></i>新增导航</a>
                    {{--<a href="#"><i class="fa fa-recycle"></i>批量删除</a>--}}
                    <a href="{{url('Admin/navigator')}}"><i class="fa fa-refresh"></i>更新排序</a>
                </div>
            </div>
            <!--快捷导航 结束-->
        </div>

        <div class="result_wrap">
            <div class="result_content">
                <table class="list_tab">
                    <tr>

                        <th class="tc" width="5%">排序</th>
                        <th class="tc" width="5%">ID</th>
                        <th width="">栏目名称</th>
                        <th width="">链接</th>
                        <th width="40%">标题</th>
                        <th width="">操作</th>
                    </tr>
                    @foreach($list as $k=>$v )
                    <tr id="item{{$v['nav_id']}}">

                        <td class="tc">
                            <input type="text" name="ord[]" value="{{$v['sort']}}" onchange="tagOrder(this,{{$v->nav_id}})">
                        </td>
                        <td class="tc">{{$v['nav_id']}}</td>
                        <td>
                            <a href="#">{{$v->html}}{{$v['nav_name']}}</a>
                        </td>
                        <td>
                            <p>{{$v->nav_url}}</p>
                        </td>
                        <td class="tc" style="text-align: left">{{$v->nav_title}} </td>
                        <td>
                            {{--<a href="{{url('Admin/category/add_sub?'.$v->cate_id)}}">添加子分类</a>--}}
                            <a href="{{url('Admin/navigator/'.$v->nav_id.'/edit')}}">修改</a>
                            <a href="javascript:;" onclick="destroy({{$v['nav_id']}})">删除</a>
                        </td>
                    </tr>
                   @endforeach
                </table>

            </div>
        </div>
        {{csrf_field()}}
    </form>


    <!--搜索结果页面 列表 结束-->
    <script>
        function destroy(id) {
         var token =  $("input[name='_token']").val();
         var item = $("#item"+id);
         layer.confirm('确定删除吗',{
           btn:['确定','取消']
         },function () {
             $.post("{{url('Admin/navigator/')}}/"+id,{"_method":"delete",'_token':token},function (data) {
                 if(data.code == 0){
                     time:2000,
                     layer.msg(data.msg,{icon:1})
                     item.remove();
                 }else {
                     layer.msg(data.msg, {icon: 2})
                 }
                 });
         },
             function () {
             // layer.msg('',{icon:1})
             }
         )
        }

        function tagOrder(obj,id) {
          var token =  $("input[name='_token']").val();
          var order = $(obj).val();
          $.post(
              "{{url('Admin/navOrder')}}",
              {'_token':token,"nav_id":id,"nav_order":order},
              function (data) {
               if(data.code == 0){
                   layer.msg(data.msg,{icon:1});
               }else{
                   layer.msg(data.msg,{icon:2});
               }
              }
          );
        }
    </script>
@endsection